<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="{{ URL::asset('css/mui.min.css') }}" rel="stylesheet" />
    <style type="text/css">
        .mui-control-content {
            background-color: white;
            min-height: 150px;
        }

        .mui-control-content .mui-loading {
            margin-top: 50px;
        }

        .mui-input-row label {
            float: left;
            width: 31%;
            color: #AAAAAA;
        }

        .mui-input-row label~input,
        .mui-input-row label~select,
        .mui-input-row label~textarea {
            width: 40%;
            float: left;
        }

        #showpasswordeye1 {
            width: 20px;
            float: right;
            margin: 13px;
        }
    </style>
</head>

<body>
<div id="item1mobile" class="mui-content mui-slider-item mui-control-content mui-active">
    <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
        <div id="scroll1" class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                    <li class="mui-table-view-cell">
                        <div class="mui-input-row">
                            <label>新密码:</label>
                            <img id="showpasswordeye1" src="{{ URL::asset('images/login/闭眼.png') }}" onclick="showPassWord('password',this);return false;" />
                            <input id='password' type="password" class="mui-input" required="required" oninvalid="请输入密码" requiredGroup=1>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="mui-input-row">
                            <label id="passwordc">确认密码:</label>
                            <img id="showpasswordeye1" src="{{ URL::asset('images/login/闭眼.png') }}" onclick="showPassWord('password_confirm',this);return false;" />
                            <input id='password_confirm' type="password" class="mui-input" required="required" oninvalid="请输入确认密码" requiredGroup=1 zcySameWith="password">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="mui-row">

    <img class="mui-col-sm-6 mui-col-xs-6" src="{{ URL::asset('images/首页/设置页面/取消按钮.png') }}" />
    <img class="mui-col-sm-6 mui-col-xs-6" src="{{ URL::asset('images/首页/设置页面/确定按钮.png') }}" onclick="changePassWord();" />
</div>
<script src="{{ URL::asset('js/jquery-2.1.0.js') }}"></script>
<script src="{{ URL::asset('js/zcy.js') }}"></script>
<script src="{{ URL::asset('js/mui.min.js') }}"></script>
<script type="text/javascript">
    mui.init()

    function changePassWord() {
        var tokens = request('_token');
        var password = $("#password");
        if(!validate(1)) return false;
        $.zcypost("resetByEmail", {
            token: tokens,
            password: password.val()
        }, function(d) {
            mui.toast('密码修改成功！');
            setTimeout(function() {
                location.href = ('login.html')
            }, 500);
        });
    }
</script>
</body>

</html>